.kf-banner{
	min-width: 1200px;
	#slideDemo{
		position:relative;
		top: -2px;
		width:100%;
		height:400px;

		.content{
			overflow:hidden;
			width:100%;
			height:100%;

			ul li{
				width:100%;
				height:400px;

				a{
					display:block;
					width:100%;
					height:100%;
				}
			}
		}

		.tag{
			position:absolute;
			left:0;
			bottom:20px;
			z-index:2;
			width:100%;
			font-size:0;
			letter-spacing:-8px;
			text-align:center;
			filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');
			ul{
				height:10px;
				padding:5px 10px;
			}

			li{
				display:inline-block;
				*zoom:1;
				*display:inline;
				overflow:hidden;
				width:12px;
				height:12px;
				border-radius: 50%; 
				margin:0 10px;
				font-size:0;
				line-height:0;
				letter-spacing:normal;
				background-color:#fff;
				cursor:pointer;
			}

			li.current{ 
				background-color: #1fb1ba; 
			}
		}
	}    	
        	:root #slideDemo .tag{filter:none;}
}

.c-position{
	position: relative;
	height: 0;
}

.kf-banner-box{
	position: absolute;
	bottom: 10px;
	right: 0;
	z-index: 99;
	background: $color-acquiesce;
	width: 290px;
	border: 1px solid $btn-color-default;
}

.kf-banner-tab{
	width: 100%;
	height: 46px;
	font-size: $font-size-s;
	background: $color-bg;
}

.tab-as{
	display: inline-block;
	width: 50%;
	height: 100%;
	line-height: 46px;
	text-align: center;
	color: $font-color-second;
}

.tab-active{
	color: $btn-color-default;
	background: $color-acquiesce;
}

.kf-box-item{
	margin-top: 6px;
}

.form-item{
	margin: 16px 18px 0;
}

.pw{
	width: 252px;
	height: 34px;
}

.btn-w{
	font-weight:  $font-weight-m;
	color: $color-acquiesce;
	background: $btn-color-default;
}

.kf-enter-item{
	margin-top: 36px;
	text-indent: 32px;
	font-size: $font-size-s;
	color: $font-color-second;
}

.gou{
	display: inline-block;
	width: 24px;
	height: 18px;
	margin-right: 10px;
	background: url(../images/index/gou.png) no-repeat;
}

.btn-s{
	padding: 0;
	margin: 40px 24px 20px;
	width: 240px;
	height: 38px;
	line-height: 38px;
	font-size: $font-size-s;
	color: $color-acquiesce;
	background: $btn-color-default;
}

.kf-points{

	.p-m{
		padding: 30px 30px 0;
	}
	.kf-points-item{
		margin-right: 34px;
		font-size: $font-size;
		color: $font-color;
	}

	.kf-points-item:last-child{
		margin: 0;
	}

	.p-icon{
		display: inline-block;
		width: 16px;
		height: 18px;
		margin-right: 10px;
	}

	.p-icon1{
		background: url(../images/index/icon.png) no-repeat;
	}

	.p-icon2{
		background: url(../images/index/icon2.png) no-repeat;
	}

	.p-icon3{
		background: url(../images/index/icon3.png) no-repeat;
	}

	.kf-points-info{
		margin: 10px 0 20px;
		color: $btn-color-default;
		font-size: $font-size-xs;
		padding: 4px 24px;
	}

	.info-bg{
		background: $color-bg-second;

	}
}


